<template>
  <div v-if="shopInfo&&shopInfo.tenantId" class="" style="margin-left:10px;">
    <el-button type="text" size="mini" class="" style="font-size:15px">{{num}}虞豆/次，当前虞豆：{{ shopInfo.campNumber }} 。
    <span v-if="shopInfo.campNumber<num" style="color:red" @click="chongzhijifen">虞豆不足， <span  >点此立即充值</span></span>
    </el-button>
    <chongzhi ref="chongzhi"></chongzhi>
  </div>
</template>
<script>

import chongzhi from "@/views/tenantPages/moneys/components/chongzhijifen.vue"
export default {
  name: "shengyu",
  props: {
    num: { //一次多少虞豆
      typeof: Number,
      default: 1,
    }
  },
  components:{chongzhi},
  computed:{
    shopInfo(){
      return this.$store.getters.shopInfo
    }
  },
  data() {
    return {
      
    };
  },
  created() {
  
  },
  methods: {
   // 点击充值
   chongzhijifen(){
      this.$refs.chongzhi.open();
      // this.$refs.paySuccess.open();
    },
  }
};
</script>
<style lang="scss" scoped>
.liji{
  color: $--color-success;
}
</style>
